<template>
  <div class="site-content site-content--home">
    <el-card :style="contentViewStyles">
      <h3>项目介绍-已实现部分</h3>
      <ul>
        <li>完善的XSS防范及脚本过滤，彻底杜绝XSS攻击</li>
        <li>实现前后端分离，通过RESTful API进行数据交互</li>
        <li>实现用户名+密码+验证码和短信jwt登陆方式</li>
        <li>实现oauth2协议发送token的安全认证机制，使用redis缓存token</li>
        <li>进行实现类似nginx的统一接口反向代理的服务器路由api网关服务，统一各模块接口，并在zuul上做了认证鉴权和监控。</li>
        <li>实现熔断fallback机制避免在微服务架构中个别服务出现异常时引起的故障蔓延</li>
        <li>多数据源切换，mybatis+druid数据源。可以使用oracle数据库也可mysql数据库。</li>
        <li>Swagger做API接口文档生成</li>
      </ul>
      <h3>项目介绍-暂未实现部分</h3>
      <ul>
        <li>微信qq授权认证登陆</li>
      </ul>

    </el-card>
  </div>
</template>

<script>
  export default {
    data () {
      return {
      }
    },
    computed: {
      contentViewStyles () {
        var height = this.$store.state.documentClientHeight
        height -= 50 // site-topbar
        height -= 15 // site-content padding-top
        height -= 15 // site-content padding-bottom
        height += 'px'
        return [
          { minHeight: height }
        ]
      }
    }
  }
</script>

<style>
  .site-content--home {
    line-height: 1.5;
  }
</style>
